<template>
  <div>
    <div class="search">
        <div>产品查询</div>
        <div>
            <input type="text" placeholder="情输入要查询的物品">
            <button>搜索</button>
        </div>
    </div>
        <el-tabs v-model="activeName" @tab-click="handleClick">
             <el-tab-pane label="全部订单" name="first">
                <table>
                    <thead>
                        <tr>
                            <td>宝贝</td>
                            <td>单价</td>
                            <td>数量</td>
                            <td>实付款</td>
                            <td>商品操作</td>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td>
                                <div>
                                    <img src="/images/index/05-forth.jpg" alt="">
                                    <h4>潮流炫酷上衣</h4>
                                </div>
                            </td>
                            <td>￥500.99</td>
                            <td>2</td>
                            <td>￥1000.00</td>
                            <td>
                                <a href="#"><p>申请售后</p></a>
                                <a href="#"><p>查看物流</p></a>
                                <a href="#"><p>交易评价</p></a>
                            </td>
                        </tr>
                    </tbody>            
                </table>            
            </el-tab-pane>
                <el-tab-pane label="待付款" name="second">
                    <table>
                        <thead>
                            <tr>
                                <td>宝贝</td>
                                <td>单价</td>
                                <td>数量</td>
                                <td>实付款</td>
                                <td>商品操作</td>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>
                                    <div>
                                        <img src="/images/index/05-forth.jpg" alt="">
                                        <h4>潮流炫酷上衣</h4>
                                    </div>
                                </td>
                                <td>￥500.99</td>
                                <td>2</td>
                                <td>￥1000.00</td>
                                <td>
                                     <p>去付款</p>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </el-tab-pane>
                <el-tab-pane label="待发货" name="third">
                    <table>
                        <thead>
                            <tr>
                                <td>宝贝</td>
                                <td>单价</td>
                                <td>数量</td>
                                <td>实付款</td>
                                <td>商品操作</td>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>
                                    <div>
                                        <img src="/images/index/05-forth.jpg" alt="">
                                        <h4>潮流炫酷上衣</h4>
                                    </div>
                                </td>
                                <td>￥500.99</td>
                                <td>2</td>
                                <td>￥1000.00</td>
                                <td>
                                    <a href="#"><p>申请售后</p></a>
                                    <a href="#"><p>查看物流</p></a>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </el-tab-pane>        
                <el-tab-pane label="待收货" name="fourth">
                    <table>
                        <thead>
                            <tr>
                                <td>宝贝</td>
                                <td>单价</td>
                                <td>数量</td>
                                <td>实付款</td>
                                <td>商品操作</td>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>
                                    <div>
                                        <img src="/images/index/05-forth.jpg" alt="">
                                        <h4>潮流炫酷上衣</h4>
                                    </div>
                                </td>
                                <td>￥500.99</td>
                                <td>2</td>
                                <td>￥1000.00</td>
                                <td>
                                    <a href="#"><p>申请售后</p></a>
                                    <a href="#"><p>查看物流</p></a>
                                    <a href="#"><p>确认收货</p></a>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </el-tab-pane>
                <el-tab-pane label="待评价" name="fifth">
                    <table>
                        <thead>
                            <tr>
                                <td>宝贝</td>
                                <td>单价</td>
                                <td>数量</td>
                                <td>实付款</td>
                                <td>商品操作</td>
                            </tr>
                        </thead>
                        <tbody>
                             <tr>
                                <td>
                                    <div>
                                        <img src="/images/index/05-forth.jpg" alt="">
                                        <h4>潮流炫酷上衣</h4>
                                    </div>
                                </td>
                                <td>￥500.99</td>
                                <td>2</td>
                                <td>￥1000.00</td>
                                <td>
                                    <a href="#"><p>申请售后</p></a>
                                    <a href="#"><p>查看物流</p></a>
                                    <a href="#"><p>去评价</p></a>
                                </td>
                             </tr>
                        </tbody>
                    </table>
                </el-tab-pane>           
        </el-tabs>
  </div>
</template>

<script>
export default {

}
</script>
<style scoped src="../../assets/css/index.css"></style>
<style>

</style>